<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<title>URL.html</title>
	<style type="text/css">
	* {
		padding: 0;
		margin: 0;
	}
    </style>
</head>
<body>
	<div class="container">
		<h1>URL.html</h1>
	</div>

	<div class="item">
		<header>统一资源定位符的标准格式如下：</header>
		<p>
			[协议类型]://[服务器地址]:[端口号]/[资源层级UNIX文件路径][文件名]?[查询]#[片段ID]
		</p>
	</div>
	<div class="item">
		<header>统一资源定位符的完整格式如下：</header>
		<p>
			[协议类型]://[访问资源需要的凭证信息]@[服务器地址]:[端口号]/[资源层级UNIX文件路径][文件名]?[查询]#[片段ID]<br>
			其中[访问凭证信息]、[端口号]、[查询]、[片段ID]都属于选填项。
		</p>
		<p>
			http://www.example.com:80/path/to/myfile.html?key1=value1&key2=value2#SomewhereInTheDocument
		</p>	
	</div>
	<script src="https://cdn.staticfile.org/jquery/3.2.0/jquery.js"></script>
	<script type="text/javascript">
	</script>
</body>
</html>